<template>
	<view @click="myclick" class="my-search" :style="{backgroundColor:bgc}">
		<view class="content" :style="{borderRadius:radius + 'rpx'}">
			<uni-icons type="search" size="20" color="#c0c0c0"></uni-icons>
			<text>搜索</text>
		</view>
	</view>
</template>

<script>
	export default {
		name: "my-search",
		// 用来接受外面传进来的数据，动态的自定义组件的背景颜色和圆角
		props: ['bgc', 'radius'],
		data() {
			return {

			};
		},
		methods: {
			myclick() {
				this.$emit('click')
			}
		}
	}
</script>

<style lang="scss">
	.my-search {
		// background-color: #eb4450;
		padding: 20rpx 15rpx;

		.content {
			height: 80rpx;
			background-color: #fff;
			text-align: center;
			line-height: 80rpx;
			color: #c0c0c0;
		}
	}
</style>
